@import '../../base/base.less';
#orders {
    .order_list {
        .top_type {
            background: #fff;
            margin-top: 20px;
            .tab {
                height: 50px;
                .tab-item {
                    border-right: 1px solid #ebebeb;
                    width: 100%;
                    height: 100%;
                    cursor: pointer;
                    font-size: 16px;
                    &:last-child {
                        border-right: none;
                    }
                    &.active {
                        color: @base-color;
                        border-top: 2px solid @base-color;
                    }
                }
            }
        }
        .order_form {
            margin-top: 20px;
            min-height: 200px;
            .table_list {
                margin-bottom: 10px;
                .el-table__header-wrapper{
                    display: none;
                }
                .el-table__row td{
                    text-align: center;
                }
                
                .top_title {
                    background: #f2f2f2;
                    height: 40px;
                    padding-left: 20px;
                    padding-right: 50px;
                    .left {
                        flex: 1;
                        font-size: 16px;
                        img {
                            width: 20px;
                            height: 20px;
                        }
                        span {
                            padding-left: 15px;
                        }
                    }
                    .center {
                        flex: 1;
                        color: #666666;
                        font-size: 14px;
                        .orderno {
                            padding-left: 75px;
                        }
                    }
                    .right_order {
                        font-size: 14px;
                        color: #ffba02;
                    }
                }
                .product_table {
                    background: #fff;
                    .line_content {
                        width: 100%;
                        .outside_td {
                            border-right: 1px solid #ebebeb;
                            &:last-child {
                                border-right: none;
                            }
                        }
                        .product_td {
                            width: 560px;
                            tr {
                                width: 100%;
                                .product_name {
                                    width: 112px;
                                    text-align: center;
                                    height: 50px;
                                    line-height: 50px;
                                    align-items: center;
                                    border-bottom: 1px solid #ebebeb;
                                    &.inside_line {
                                        border-right: 1px solid #ebebeb;
                                    }
                                }
                                &:last-child {
                                    .product_name {
                                        border-bottom: none;
                                    }
                                }
                            }
                        }
                        .info_td {
                            width: 159px;
                            text-align: center;
                        }
                    }
                }
            }
        }
        
    }
    #shipdetail{
        .el-dialog__body{
           min-height: 150px; 
        }
        .el-table th.is-leaf{
            color: #333;
            font-family: MicrosoftYaHei;
        }
        .el-table th.is-leaf, .el-table td{
            text-align: center;
        }
        .ship_top{
            height: 45px;
            line-height: 45px;
            padding:0 20px;
            border:1px solid  #ebeef5;
            border-bottom: none;
            font-size: 14px;
            .shipstatus{
                &.incompleteLog{
                        color: #22ac38;
                    }
                &.completeLog{
                    color: @base-color;
                }
        } 
        }
       
    }
    
}